﻿@using Apps.Common;
@{

    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-UA-Compatible">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>登录页面</title>
    <script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Account.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/common.js")" type="text/javascript"></script>
    <link href="~/Content/ext-theme-gray/all.css" rel="stylesheet" type="text/css">
    <style>
        /*<![CDATA[*/
        #header {
            position: relative;
            background-image: url(../../Image/login_top.png);
            background-size: 100% 100%;
            background-repeat: repeat-x;
            background-color: white;
            height: 390px;
        }

        #label {
            font-family: 'Microsoft YaHei';
            font-size: 40px;
            text-decoration: none;
            color: white;
        }

        .Image1 {
            float: left;
            overflow: hidden;
            padding: 0px;
            border: 0px;
            margin: 0px;
        }

        .TextBox1 {
            width: 360px;
            height: 32px;
            /*position: absolute;
            top: 3px;
            left: 33px;*/
        }

        .TextBox2 {
            width: 360px;
            height: 32px;
            position: absolute;
            top: 51px;
            left: 33px;
        }

        .BtnFocus {
            background-color: #157fcb;
            font-size: 30px;
            color: white;
        }

        .BtnBlur {
            background-color: #e8e8e8;
            font-size: 30px;
            color: black;
        }

        .btn {
            width: 190px;
            height: 40px;
            padding: 0px;
            margin-top: 10px;
            border-width: 0;
            background-color: #e8e8e8 !important;
            border-radius: 0px;
            background-image: none !important;
        }

            .btn .x-btn-inner {
                line-height: 40px;
                font-size: 20px;
                font-weight: 200;
                font-family: 'Microsoft YaHei';
                color: black;
            }

        .btn-over {
            background-color: #157fcb !important;
        }

           .x-btn-inner {
                color: white;
            }

        .btn .x-btn-button {
            height: 100%;
        }

        div .x-form-display-field {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        div .f-inline-block {
            float: left;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        body, html {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        #content_top {
            /*float:left;*/ position: absolute;
            height: 50%;
            width: 100%;
            margin: 0px !important;
            margin-right: -3px;
            background-image: url(../../Image/login_top.png);
            background-size: 100% 100%;
            background-repeat: repeat-x;
            background-color: white;
        }

        #content_bottom {
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 50%;
        }
        /*]]>*/
    </style>
</head>
<body>
    <div id="content_top">
        <table style="height: 100%; margin-left: auto; margin-right: auto">
            <tr style="height: 50%">
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <span id="label">@ViewBag.WebName</span>
                </td>
            </tr>
        </table>

    </div>
    <div id="content_bottom">
        <table style="position: absolute; margin-left: -200px; left: 50%; height: 160px; width: 400px; top: 50%; margin-top: -80px; table-layout: auto;">
            <tbody>
                <tr style="width: 100%; padding: 0px; border: 0px; border-spacing: 0px; border-collapse: separate;">
                    <td colspan="2">
                        <img src="~/Image/user.png" style="float: left; width: 42px; height: 40px">
                        <div id="tbxUserName_wrapper" class="f-inline-block"><table class="x-field x-table-plain x-form-item x-form-type-text x-field-default x-border-box" style="width: 346px; height: 40px; table-layout: fixed;" cellpadding="0" id="tbxUserName"><tbody><tr role="presentation" id="tbxUserName-inputRow" class="x-form-item-input-row"><td role="presentation" id="tbxUserName-labelCell" style="display:none;" valign="top" halign="left" width="105" class="x-field-label-cell"><label id="tbxUserName-labelEl" for="tbxUserName-inputEl" class="x-form-item-label x-unselectable x-form-item-label-left" style="width:100px;margin-right:5px;" unselectable="on"></label></td><td role="presentation" class="x-form-item-body  " id="tbxUserName-bodyEl" colspan="3" style="width: 100%;"><input id="UserName" type="text" size="1" name="UserName" placeholder="请输入您的用户名" class="x-form-field x-form-text x-form-empty-field" autocomplete="off" aria-invalid="false" style="width: 100%; height: 40px;"></td><td role="presentation" id="tbxUserName-sideErrorCell" valign="middle" style="display: none;" width="17"><div role="presentation" id="tbxUserName-errorEl" class="x-form-error-msg x-form-invalid-icon" style="display:none" data-errorqtip=""></div></td></tr></tbody></table></div>
                    </td>

                </tr>
                <tr style="height: 12px">
                    <td></td>
                </tr>
                <tr style="width: 100%; padding: 0px; border: 0px; border-spacing: 0px; border-collapse: separate;">
                    <td colspan="2">
                        <div style="height: 30px; width: 390px;">
                            <img src="~/Image/pwd.png" style="float: left; width: 42px; height: 40px">
                            <div id="tbxPassword_wrapper" class="f-inline-block"><table class="x-field x-table-plain x-form-item x-form-type-password x-field-default x-border-box" style="width: 346px; height: 40px; table-layout: fixed;" cellpadding="0" id="tbxPassword"><tbody><tr role="presentation" id="tbxPassword-inputRow" class="x-form-item-input-row"><td role="presentation" id="tbxPassword-labelCell" style="display:none;" valign="top" halign="left" width="105" class="x-field-label-cell"><label id="tbxPassword-labelEl" for="tbxPassword-inputEl" class="x-form-item-label x-unselectable x-form-item-label-left" style="width:100px;margin-right:5px;" unselectable="on"></label></td><td role="presentation" class="x-form-item-body  " id="tbxPassword-bodyEl" colspan="3" style="width: 100%;"><input id="Password" type="password" size="1" name="Password" placeholder="请输入您的密码" class="x-form-field x-form-empty-field x-form-text" autocomplete="off" aria-invalid="false" style="width: 100%; height: 40px;"></td><td role="presentation" id="tbxPassword-sideErrorCell" valign="middle" style="display: none;" width="17"><div role="presentation" id="tbxPassword-errorEl" class="x-form-error-msg x-form-invalid-icon" style="display:none" data-errorqtip=""></div></td></tr></tbody></table></div>
                        </div>
                    </td>
                </tr>
                @if (ViewBag.IsVerifyCode == 1)
                {
                    <tr style="width: 100%; padding: 0px; border: 0px; border-spacing: 0px; border-collapse: separate;">
                        <td colspan="2">
                            <div style="height: 30px; width: 390px;">
                                <input type="hidden"   value="1" id="hidIsVerifyCode" />
                                <img src="~/Image/validate.png" style="float:left;width:42px;height:40px;padding-top:14px;">
                                <div id="tbxValidateCode_wrapper" style="padding-top:14px;" class="f-inline-block"><table class="x-field x-table-plain x-form-item x-form-type-password x-field-default x-border-box" style="width: 246px; height: 40px; table-layout: fixed;" cellpadding="0" id="tbxValidateCode"><tbody><tr role="presentation" id="tbxValidateCode-inputRow" class="x-form-item-input-row"><td role="presentation" id="tbxPassword-labelCell" style="display:none;" valign="top" halign="left" width="105" class="x-field-label-cell"><label id="tbxValidateCode-labelEl" for="tbxValidateCode-inputEl" class="x-form-item-label x-unselectable x-form-item-label-left" style="width:100px;margin-right:5px;" unselectable="on"></label></td><td role="presentation" class="x-form-item-body  " id="tbxValidateCode-bodyEl" colspan="3" style="width: 100%;"><input id="ValidateCode" type="text" size="1" name="ValidateCode" placeholder="请输入验证码" class="x-form-field x-form-empty-field x-form-text" autocomplete="off" aria-invalid="false" style="width: 100%; height: 40px;"></td><td role="presentation" id="tbxValidateCode-sideErrorCell" valign="middle" style="display: none;" width="17"><div role="presentation" id="tbxValidateCode-errorEl" class="x-form-error-msg x-form-invalid-icon" style="display:none" data-errorqtip=""></div></td></tr></tbody></table></div>
                                @*<input class="ipt " style="width: 50px" type="text" name="ValidateCode" id="ValidateCode" />*@
                                <img id="codeImg" alt="刷新验证码！" style="margin-bottom:-12px;cursor: pointer;padding-top:14px;" src="~/Core/verify_code.ashx" onclick="this.src=this.src+'?'" />
                            </div>
                        </td>
                    </tr>
                }
                <tr style="height: 12px">
                    <td><span id="mes" class="field-validation-error" style="font-size:12px;color:red" /></td>
                </tr>
                <tr></tr>
                <tr style="width: 100%;">
                    <td>
                        <div id="btnSubmit_wrapper" class="f-inline-block"><a class="x-btn btn x-unselectable x-btn-default-small x-noicon x-btn-noicon x-btn-default-small-noicon x-border-box"  role="button" hidefocus="on" unselectable="on" tabindex="0" id="LoginSys"><span id="btnSubmit-btnWrap" class="x-btn-wrap" unselectable="on"><span id="btnSubmit-btnEl" class="x-btn-button"><span id="btnSubmit-btnInnerEl" class="x-btn-inner x-btn-inner-center" unselectable="on">登录</span><span role="img" id="btnSubmit-btnIconEl" class="x-btn-icon-el  " unselectable="on" style=""></span></span></span></a></div>
                    </td>
                    <td>
                        <div id="btnReset_wrapper" class="f-inline-block"><a class="x-btn btn x-unselectable x-btn-default-small x-noicon x-btn-noicon x-btn-default-small-noicon x-border-box" role="button" hidefocus="on" unselectable="on" tabindex="0" id="btnReset"><span id="btnReset-btnWrap" class="x-btn-wrap" unselectable="on"><span id="btnReset-btnEl" class="x-btn-button"><span id="btnReset-btnInnerEl" class="x-btn-inner x-btn-inner-center" unselectable="on">重置</span><span role="img" id="btnReset-btnIconEl" class="x-btn-icon-el  " unselectable="on" style=""></span></span></span></a></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function () {
        $("#LoginSys,#btnReset").mouseover(function () {
            $(this).removeClass("x-btn-inner-over").addClass("btn-over");
        }).mouseout(function () {
            $(this).removeClass("btn-over").addClass("x-btn-inner"); //恢复之前的样式
        })
    })
</script>
@*<div style="background: #f8f8f8; height: 40px; width: 100%; text-align: center; line-height: 40px; border-top: 1px #e7e7e7 solid; bottom: 0; position: absolute">
        @ViewBag.CopyRight
    </div>*@

